import React from 'react';
import { Button, Carousel, WhiteSpace } from 'antd-mobile';
import { List, InputItem } from 'antd-mobile';
import { createForm } from 'rc-form';
import './login.css'

class Login extends React.Component {    
    render() {     
        const { getFieldProps } = this.props.form;  
        return (
            <div className="login-wrap">
                 <div className="login-wrap-background"></div>
                 <div className="login-wrap-login-box">
                    <WhiteSpace />
                    <WhiteSpace />
                    <WhiteSpace />
                    <WhiteSpace />
                    <InputItem
                        {...getFieldProps('phone')}
                        type="phone"
                        placeholder="请输入手机号"
                    >手机号码</InputItem>      
                    <InputItem
                        {...getFieldProps('confirm')}
                        type="number"
                        placeholder="请输入验证码"
                    >验证码</InputItem>               
                    <InputItem
                        {...getFieldProps('password')}
                        type="password"
                        placeholder="请输入密码"                   
                    >密码</InputItem>
                    <InputItem
                        {...getFieldProps('passwordconfrim')}
                        type="password"
                        placeholder="请再次输入密码"                   
                    >确认密码</InputItem>                     
                    <WhiteSpace />
                    <WhiteSpace />
                    <WhiteSpace />
                    <WhiteSpace />
                    <WhiteSpace />
                    <WhiteSpace />
                    <div className="login-wrap-button-wrap">
                        <Button type="primary">登录</Button>
                    </div>
                 </div>
            </div>
        )
    }
}

//导出组件；
const H5NumberInputExampleWrapper = createForm()(Login);
export default H5NumberInputExampleWrapper;
